<template>
  <div class="houseManage">
    <h-header></h-header>
    <div class="content">
      <div class="sidebar">
        <div class="main-title">
          <i class="iconfont icon-4-copy"></i>
          <span class="font-18 text">菜单</span>
        </div>
        <div class="menu">
          <div class="menu-item" v-for="item in sideMenu" :key="item.id">
            <p
              class="font-16 title"
              @click="changetab(item)"
              :class="{choosed:change==item.hash.funcid}"
            >{{item.hash.funcname}}</p>
          </div>
        </div>
      </div>
      <div class="main-content">
        <div class="search_h clearfix">
          <p>
            <a href="#">{{showTitle}}</a>
          </p>
        </div>
        <div v-show="this.change=='210100'" style="padding-right:12%">
          <div>
            <!-- <div class="search-add">
              <div class="add-btn" v-if="dept=='1'" @click="newtz">
                <span>新增</span>
              </div>
            </div>-->

            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="zczjdanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="zczjglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="zczjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="zczjcz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getzchzb">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('zjzchz','镇级资产汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="zjzchz"
              :data="zchzbData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑总面积面积(㎡)">
                <template
                  slot-scope="scope"
                >{{Number(scope.row.hash.area1)+Number(scope.row.hash.area2)}}</template>
              </el-table-column>
              <!-- <el-table-column
                label="建筑面积(㎡)"
              >
                <el-table-column
                  prop="hash.areabuild1"
                  label="产证记载"
                >
                </el-table-column>
                <el-table-column
                  prop="hash.area1"
                  label="有证面积"
                >
                </el-table-column>
                <el-table-column
                  prop="hash.area2"
                  label="无证面积"
                >
                </el-table-column>
              </el-table-column>-->
              <el-table-column label="房屋用途(㎡)">
                <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column prop="hash.usearea4" label="闲置"></el-table-column>
              </el-table-column>
              <!-- <el-table-column
                prop="hash.dtype"
                label="房产类型"
              >
              </el-table-column>
              <el-table-column
                prop="hash.dstruct"
                label="房产结构"
              >
              </el-table-column>
              <el-table-column
                prop="hash.floornum"
                label="层数"
              >
              </el-table-column>
              <el-table-column
                prop="hash.owntype"
                label="权属属性"
              >
              </el-table-column>-->

              <el-table-column prop="hash.rentarea" label="经营性面积(㎡)"></el-table-column>
              <el-table-column prop="hash.unrentarea" label="非经营性面积(㎡)"></el-table-column>
              <el-table-column label="经营性面积占比">
                <template
                  slot-scope="scope"
                >
                  <span v-if="scope.row.hash.rentarea!='0'||scope.row.hash.unrentarea!='0'">
                    {{(Number(scope.row.hash.rentarea)/(Number(scope.row.hash.rentarea)+Number(scope.row.hash.unrentarea))*100).toFixed(4)}}%
                  </span>
                  <span v-else>
                    /
                  </span>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210200'" style="padding-right:12%">
          <div>
            <el-row style="margin:10px 10px;display:flex;justify-content:space-between">
              <el-select v-model="cjglorg" style="width:20%;" placeholder="管理单位" clearable>
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="cjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="cjusenature"
                style="width:20%;margin:0 20px"
                placeholder="使用性质"
                clearable
              >
                <el-option
                  v-for="item in usenatureArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-date-picker
                v-model="cjhztime"
                type="year"
                placeholder="选择租金年度"
                :clearable="false"
                valueFormat="yyyy"
              ></el-date-picker>
              <el-button type="primary" @click="getcjhz">筛选</el-button>
              <el-button type="primary" @click="doexportExcel('cjzj','村级租金管理汇总表')">导出</el-button>
            </el-row>

            <el-table
              id="cjzj"
              :data="cjhzData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <!-- <el-table-column
                prop="hash.danwei2"
                label="原归属单位"
              >
              </el-table-column>-->
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column prop="hash.region" label="所属区域"></el-table-column>
              <el-table-column prop="hash.haddr" label="房产地址"></el-table-column>
              <el-table-column prop="hash.tname" label="承租人"></el-table-column>
              <!-- <el-table-column
                prop="hash.linkman"
                label="联系人"
              >
              </el-table-column>
              <el-table-column
                prop="hash.contact"
                label="联系方式"
              >
              </el-table-column>-->
              <el-table-column prop="hash.naturer" label="企业性质"></el-table-column>
              <el-table-column prop="hash.actureuse" label="经营范围"></el-table-column>
              <el-table-column label="使用性质" prop="hash.usenature"></el-table-column>
              <el-table-column label="职工人数">
                <el-table-column prop="hash.employee1" label="本地"></el-table-column>
                <el-table-column prop="hash.employee2" label="外地"></el-table-column>
              </el-table-column>
              <el-table-column prop="hash.area" label="使用面积(㎡)"></el-table-column>
              <el-table-column prop="hash.area" label="占地面积(㎡)"></el-table-column>
              <el-table-column prop="hash.dayfee" label="日租金(元/㎡/天)"></el-table-column>
              <el-table-column prop="hash.renttime" label="合同期限"></el-table-column>
              <!-- <el-table-column
                prop="hash.feetime"
                label="收租期限"
              >
              </el-table-column>
              <el-table-column label="租金类型">
                <template slot-scope="scope">
                  <span v-if="scope.row.hash.feetype=='1'">合同</span>
                  <span v-else-if="scope.row.hash.feetype=='2'">冲正</span>
                  <span v-else>退租(手续费{{scope.row.hash.servicefee}})</span>
                </template>
              </el-table-column>-->
              <el-table-column prop="hash.feeyear" label="应收租金(元)"></el-table-column>
              <el-table-column label="实收租金(元)">
                <template slot-scope="scope">
                  <div v-if="scope.row.hash.feetype=='3'">
                    - {{scope.row.hash.realfee}}
                  </div>
                  <div v-else>
                    {{scope.row.hash.realfee}}
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                prop="hash.deposit"
                label="押金(元)"
              >
              </el-table-column>
              <!-- <el-table-column
                label="备注"
              >
              </el-table-column>-->
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210300'" style="padding-right:12%">
          <div style="width:100%">
            <el-row style="margin:10px 0;display:flex;justify-content:space-between">
              <el-select v-model="zjglorg" style="width:20%;" placeholder="管理单位" clearable>
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="zjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="zjusenature"
                style="width:20%;margin:0 20px"
                placeholder="使用性质"
                clearable
              >
                <el-option
                  v-for="item in usenatureArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-date-picker
                v-model="zjhztime"
                type="year"
                placeholder="选择年"
                :clearable="false"
                valueFormat="yyyy"
              ></el-date-picker>
              <el-button type="primary" @click="getzjhz">筛选</el-button>
              <el-button type="primary" @click="doexportExcel('zjzj','镇级租金管理汇总表')">导出</el-button>
            </el-row>

            <el-table
              id="zjzj"
              :data="zjhzData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" width="50" label="序号"></el-table-column>
              <!-- <el-table-column
                prop="hash.danwei2"
                label="原归属单位"
              >
              </el-table-column>-->
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column prop="hash.region" label="所属区域"></el-table-column>
              <el-table-column prop="hash.haddr" label="房产地址"></el-table-column>
              <el-table-column prop="hash.tname" label="承租人"></el-table-column>
              <!-- <el-table-column
                prop="hash.linkman"
                label="联系人"
              >
              </el-table-column>
              <el-table-column
                prop="hash.contact"
                label="联系方式"
              >
              </el-table-column>-->
              <el-table-column prop="hash.naturer" label="企业性质"></el-table-column>
              <el-table-column prop="hash.actureuse" label="经营范围"></el-table-column>
              <el-table-column label="使用性质" prop="hash.usenature"></el-table-column>
              <el-table-column label="职工人数">
                <el-table-column prop="hash.employee1" label="本地"></el-table-column>
                <el-table-column prop="hash.employee2" label="外地"></el-table-column>
              </el-table-column>
              <el-table-column prop="hash.area" label="使用面积(㎡)"></el-table-column>
              <el-table-column prop="hash.area" label="占地面积(㎡)"></el-table-column>
              <el-table-column prop="hash.dayfee" label="日租金(元/㎡/天)"></el-table-column>
              <el-table-column prop="hash.renttime" label="合同期限"></el-table-column>
              <!-- <el-table-column
                prop="hash.feetime"
                label="收租期限"
              >
              </el-table-column>
              <el-table-column label="租金类型">
                <template slot-scope="scope">
                  <span v-if="scope.row.hash.feetype=='1'">合同</span>
                  <span v-else-if="scope.row.hash.feetype=='2'">冲正</span>
                  <span v-else>退租(手续费{{scope.row.hash.servicefee}})</span>
                </template>
              </el-table-column>-->
              <el-table-column prop="hash.feeyear" label="应收租金(元)"></el-table-column>
              <el-table-column label="实收租金(元)">
                <template slot-scope="scope">
                  <div v-if="scope.row.hash.feetype=='3'">
                    - {{scope.row.hash.realfee}}
                  </div>
                  <div v-else>
                    {{scope.row.hash.realfee}}
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                prop="hash.deposit"
                label="押金(元)"
              >
              </el-table-column>
              <!-- <el-table-column

                label="备注"
              >
              </el-table-column>-->
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210400'">
          <div style="padding:21px">
            <el-row style="margin-bottom:20px">
              <el-select v-model="wglorg" style="width:20%;" placeholder="管理单位" clearable>
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="wregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getwxhz">搜索</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('wxxx','维修信息汇总表')"
              >导出</el-button>
            </el-row>
            <el-table id="wxxx" :data="wxhzData" border style="text-align:center;width:100%">
              <el-table-column type="index" label="序号"></el-table-column>
              <el-table-column prop="hash.zcbh" label="资产编号"></el-table-column>
              <el-table-column prop="hash.detailnum" label="房屋编号"></el-table-column>
              <el-table-column prop="hash.region" label="所属区域"></el-table-column>
              <el-table-column prop="hash.haddr" label="房产地址"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column prop="hash.happentime" label="故障时间"></el-table-column>
              <el-table-column prop="hash.repairdesc" label="故障描述"></el-table-column>
              <el-table-column prop="hash.repairorg" label="维修单位"></el-table-column>
              <el-table-column prop="hash.repairfee" label="维修费用(元)"></el-table-column>
              <el-table-column prop="hash.finishtime" label="维修完成时间"></el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210500'">
          <div style="padding:21px">
            <el-button
              type="primary"
              style="float:right;margin-bottom:20px"
              @click="doexportExcel('ndzc','年度资产报表')"
            >导出</el-button>
            <el-table :data="zcbbData" id="ndzc" border style="text-align:center;width:100%">
              <el-table-column type="index" width="50" label="序号"></el-table-column>
              <el-table-column prop="hash.zcbh" label="资产编号"></el-table-column>
              <el-table-column prop="hash.haddr" label="房产地址"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑面积(㎡)">
                <el-table-column prop="hash.areabuild1" label="产证记载"></el-table-column>
                <el-table-column prop="hash.area1" label="有证面积"></el-table-column>
                <el-table-column prop="hash.area2" label="无证面积"></el-table-column>
              </el-table-column>
              <el-table-column prop="hash.rentarea" label="经营性面积(㎡)"></el-table-column>
              <el-table-column label="经营性面积占比">
                <template slot-scope="scope">
                  <span v-if="scope.row.hash.rentarea!='0'||scope.row.hash.area!='0'">
                    {{(Number(scope.row.hash.rentarea)/(Number(scope.row.hash.area))*100).toFixed(4)}}%
                  </span>
                  <span v-else>
                    /
                  </span>
                </template>
              </el-table-column>
              <el-table-column prop="hash.feeyear" label="应收租金(元)"></el-table-column>
              <el-table-column prop="hash.realfee" label="实收租金(元)"></el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210600'">
          <div style="padding:21px">
            <el-button
              type="primary"
              style="float:right;margin-bottom:20px"
              @click="doexportExcel('xzqy','闲置企业及办公房汇总表')"
            >导出</el-button>
            <el-table :data="xzqyData" id="xzqy" border style="text-align:center;width:100%">
              <el-table-column type="index" width="50" label="序号"></el-table-column>
              <el-table-column prop="hash.danwei2" label="原归属单位"></el-table-column>
              <el-table-column prop="hash.haddr" label="房产地址"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑面积(㎡)">
                <el-table-column prop="hash.area1" label="有证面积"></el-table-column>
                <el-table-column prop="hash.area2" label="无证面积"></el-table-column>
              </el-table-column>
              <el-table-column prop="hash.area" label="面积合计(㎡)"></el-table-column>

              <el-table-column label="备注"></el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210700'">
          <el-row style="padding:20px;padding-bottom:0">
            <el-input v-model="yhaddr" style="width:20%" placeholder="资产地址" clearable></el-input>
            <el-input
              v-model="yrentnum"
              style="width:20%;margin:0 10px"
              placeholder="用途编号"
              clearable
            ></el-input>
            <el-button type="primary" @click="getyetj">搜索</el-button>
            <el-button type="primary" style="float:right" @click="doexportExcel('yetjb','余额统计表')">导出</el-button>
          </el-row>

          <div style="padding:21px">
            <el-table id="yetjb" :data="yetjData" border style="text-align:center;width:100%">
              <el-table-column type="index" width="50" label="序号"></el-table-column>
              <el-table-column prop="hash.zcbh" label="资产编号"></el-table-column>
              <el-table-column prop="hash.haddr" label="资产地址"></el-table-column>
              <el-table-column prop="hash.rentnum" label="用途编号"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column prop="hash.tname" label="承租人"></el-table-column>
              <el-table-column prop="hash.balance" label="当前余额(元)"></el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210800'" style="padding-right:12%">
          <div>
            <!-- <div class="search-add">
              <div class="add-btn" v-if="dept=='1'" @click="newtz">
                <span>新增</span>
              </div>
            </div>-->

            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="zccjdanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="zccjglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="zccjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="zccjcz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getcjzchzb">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('cjzchz','村级资产汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="cjzchz"
              :data="cjzchzbData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑总面积面积(㎡)">
                <template
                  slot-scope="scope"
                >{{Number(scope.row.hash.area1)+Number(scope.row.hash.area2)}}</template>
              </el-table-column>
              <!-- <el-table-column
                label="建筑面积(㎡)"
              >
                <el-table-column
                  prop="hash.areabuild1"
                  label="产证记载"
                >
                </el-table-column>
                <el-table-column
                  prop="hash.area1"
                  label="有证面积"
                >
                </el-table-column>
                <el-table-column
                  prop="hash.area2"
                  label="无证面积"
                >
                </el-table-column>
              </el-table-column>-->
              <el-table-column label="房屋用途(㎡)">
                <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column prop="hash.usearea4" label="闲置"></el-table-column>
              </el-table-column>
              <!-- <el-table-column
                prop="hash.dtype"
                label="房产类型"
              >
              </el-table-column>
              <el-table-column
                prop="hash.dstruct"
                label="房产结构"
              >
              </el-table-column>
              <el-table-column
                prop="hash.floornum"
                label="层数"
              >
              </el-table-column>
              <el-table-column
                prop="hash.owntype"
                label="权属属性"
              >
              </el-table-column>-->

              <el-table-column prop="hash.rentarea" label="经营性面积(㎡)"></el-table-column>
              <el-table-column prop="hash.unrentarea" label="非经营性面积(㎡)"></el-table-column>
              <el-table-column label="经营性面积占比">
                <template
                  slot-scope="scope"
                >
                  <span v-if="scope.row.hash.rentarea!='0'||scope.row.hash.unrentarea!='0'">
                    {{(Number(scope.row.hash.rentarea)/(Number(scope.row.hash.rentarea)+Number(scope.row.hash.unrentarea))*100).toFixed(4)}}%
                  </span>
                  <span v-else>
                    /
                  </span>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='210900'" style="padding-right:12%">
          <div>
            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="fwzjdanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="fwzjglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="fwzjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="fwzjcz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getfwzj">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('zjfwhz','镇级房屋汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="zjfwhz"
              :data="fwzjData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <!-- <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>-->
              <!-- <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column> -->

              <el-table-column label="建筑面积(㎡)">
                <el-table-column prop="hash.area1" label="有证面积"></el-table-column>
                <el-table-column prop="hash.area2" label="无证面积"></el-table-column>
                <el-table-column prop="hash.areabuild1" label="总面积">
                  <template
                    slot-scope="scope"
                  >{{Number(scope.row.hash.area1)+Number(scope.row.hash.area2)}}</template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="hash.dstruct" label="房屋结构"></el-table-column>
              <el-table-column prop="hash.floornum" label="层数"></el-table-column>
              <el-table-column prop="hash.owntype" label="权属属性"></el-table-column>
              <el-table-column label="房屋用途(㎡)">
                <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column prop="hash.usearea4" label="闲置"></el-table-column>
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='211000'" style="padding-right:12%">
          <div>
            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="fwcjdanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="fwcjglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="fwcjregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="fwcjcz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getfwcj">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('cjfwhz','村级房屋汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="cjfwhz"
              :data="fwcjData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <!-- <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>-->
              <!-- <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column> -->
              <el-table-column label="建筑面积(㎡)">
                <el-table-column prop="hash.area1" label="有证面积"></el-table-column>
                <el-table-column prop="hash.area2" label="无证面积"></el-table-column>
                <el-table-column prop="hash.areabuild1" label="总面积">
                  <template
                    slot-scope="scope"
                  >{{Number(scope.row.hash.area1)+Number(scope.row.hash.area2)}}</template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="hash.dstruct" label="房屋结构"></el-table-column>
              <el-table-column prop="hash.floornum" label="层数"></el-table-column>
              <el-table-column prop="hash.owntype" label="权属属性"></el-table-column>
              <el-table-column label="房屋用途(㎡)">
                <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column prop="hash.usearea4" label="闲置"></el-table-column>
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='211100'" style="padding-right:12%">
          <div>
            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="xzdanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="xzglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="xzregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="xzcz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getxzhzb">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('xzhz','闲置汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="xzhz"
              :data="xzData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑总面积面积(㎡)" prop="hash.area">
              </el-table-column>

              <el-table-column label="闲置面积(㎡)" prop="hash.usearea">
                <!-- <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column  label="闲置"></el-table-column>-->
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='211200'" style="padding-right:12%">
          <div>
            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="zydanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="zyglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="zyregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="zycz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getzyhzb">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('zyhz','自用汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="zyhz"
              :data="zyData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑总面积面积(㎡)" prop="hash.area">
              </el-table-column>

              <el-table-column label="自用面积(㎡)" prop="hash.usearea">
                <!-- <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column  label="闲置"></el-table-column>-->
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div v-show="this.change=='211300'" style="padding-right:12%">
          <div>
            <el-row style="padding:20px;padding-bottom:0">
              <el-input v-model="wcsydanwei2" style="width:20%;" placeholder="所属单位" clearable></el-input>
              <el-select
                v-model="wcsyglorg"
                style="width:20%;margin-left:20px"
                placeholder="管理单位"
                clearable
              >
                <el-option
                  v-for="item in zpArr"
                  :key="item.value"
                  :label="item.hash.orgname.replace(/;/g,' ')"
                  :value="item.hash.orgid"
                ></el-option>
              </el-select>
              <el-select
                v-model="wcsyregion"
                style="width:20%;margin:0 20px"
                placeholder="所属区域"
                clearable
              >
                <el-option
                  v-for="item in regionArr"
                  :key="item.value"
                  :label="item.hash.code_name"
                  :value="item.hash.code_id"
                ></el-option>
              </el-select>
              <el-select
                v-model="wcsycz"
                style="width:20%;margin:0 20px"
                placeholder="有无产证"
                clearable
              >
                <el-option
                  v-for="item in isczArr"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                ></el-option>
              </el-select>
              <el-button type="primary" @click="getwcsyhzb">筛选</el-button>
              <el-button
                type="primary"
                style="float:right"
                @click="doexportExcel('wcsyhz','无偿使用汇总表')"
              >导出</el-button>
            </el-row>
            <el-table
              id="wcsyhz"
              :data="wcsyData"
              border
              style="width:100%; margin:20px;text-align:center"
            >
              <el-table-column type="index" label="序号" width="50"></el-table-column>
              <el-table-column label="所属单位" prop="hash.danwei2"></el-table-column>
              <el-table-column prop="hash.glorg" label="管理单位"></el-table-column>
              <el-table-column label="所属区域" prop="hash.region"></el-table-column>
              <el-table-column label="房产地址" prop="hash.haddr"></el-table-column>
              <el-table-column prop="hash.evalue1" label="资产估值(万元)"></el-table-column>
              <el-table-column prop="hash.iscert" label="产证"></el-table-column>
              <el-table-column prop="hash.certnum" label="产证编号"></el-table-column>
              <el-table-column prop="hash.zdmj" label="占地面积(㎡)"></el-table-column>
              <el-table-column label="建筑总面积面积(㎡)" prop="hash.area">
              </el-table-column>

              <el-table-column label="无偿使用面积(㎡)" prop="hash.usearea">
                <!-- <el-table-column prop="hash.usearea1" label="租赁"></el-table-column>
                <el-table-column prop="hash.usearea2" label="自用"></el-table-column>
                <el-table-column prop="hash.usearea3" label="无偿使用"></el-table-column>
                <el-table-column  label="闲置"></el-table-column>-->
              </el-table-column>
              <el-table-column prop="hash.deposit" label="押金(元)"></el-table-column>
            </el-table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
import HHeader from '~/components/common/header/Mheader';
import FileSaver from 'file-saver';
import XLSX from 'xlsx';

export default {
  data() {
    return {
      zccjregion: '',
      zczjregion: '',
      cjregion: '',
      zjregion: '',
      wglorg: '',
      wregion: '',
      zjglorg: '',
      zjgregion: '',
      zjusenature: '',
      cjglorg: '',
      cjgregion: '',
      cjusenature: '',
      zczjdanwei2: '',
      zczjglorg: '',
      zczjgregion: '',
      zczjcz: '',
      zccjdanwei2: '',
      zccjglorg: '',
      zccjgregion: '',
      zccjcz: '',
      yhaddr: '',
      yrentnum: '',
      fwzjdanwei2: '',
      fwzjglorg: '',
      fwzjregion: '',
      fwzjcz: '',
      fwcjdanwei2: '',
      fwcjglorg: '',
      fwcjregion: '',
      fwcjcz: '',
      xzdanwei2: '',
      xzglorg: '',
      xzregion: '',
      xzcz: '',
      zydanwei2: '',
      zyglorg: '',
      zyregion: '',
      zycz: '',
      wcsydanwei2: '',
      wcsyglorg: '',
      wcsyregion: '',
      wcsycz: '',
      dept: localStorage.getItem('dept'),
      sideMenu: [],
      zjhztime: '',
      cjhztime: '',
      loadingzjhz: true,
      change: '',
      showTitle: '',
      zchzbData: [],
      cjhzData: [],
      zjhzData: [],
      wxhzData: [],
      zcbbData: [],
      xzqyData: [],
      yetjData: [],
      cjzchzbData: [],
      xzData: [],
      zyData: [],
      wcsyData: [],
      zpArr: [],
      usenatureArr: [],
      regionArr: [],
      fwcjData: [],
      fwzjData: [],
      ts: this.newStore(),
      isczArr: [
        {
          name: '是',
        },
        {
          name: '否',
        },
      ],
    };
  },
  created() {
    this.dept = localStorage.getItem('dept');
    this.zjhztime = `${new Date().getFullYear()}`;
    this.cjhztime = `${new Date().getFullYear()}`;
    this.getsideMenu2();
    this.getzp();
    this.getSelectList('13', 'regionArr');
    this.getSelectList('14', 'usenatureArr');
  },
  methods: {
    getSelectList(codetype, td, supid) {
      // this.detailData.zcbh = '';
      const req = {
        handle: '76ABA4BE996F68CEF9A9763329C1A0DD1C1E493C3971E71F',
        token: localStorage.getItem('token'),
        supid,
        codetype,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        // console.log(ts.d.data.operation1);
        this[td] = ts.d.data.operation1;
      });
    },
    getzp() {
      const req = {
        handle:
          '67A5B6FEF17D97DECF116BDF95B95C0BA442E5E7D07AB87B614E39228DA82270',
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.zpArr = ts.d.data.operation1;
        if (this.zpArr.length > 0) {
          const a = (this.zpArr[0].hash.orgname.match(/;/g) || []).length;
          console.log(a);
          for (let i = 0; i < this.zpArr.length; i += 1) {
            this.zpArr[i].hash.orgname = this.zpArr[i].hash.orgname.substring(a);
            console.log(this.zpArr[i].hash.orgname);
          }
        }
      });
    },
    doexportExcel(tableid, tablename) {
      const wb = XLSX.utils.table_to_book(document.getElementById(tableid), { raw: true });
      /* get binary string as output */
      const wbout = XLSX.write(wb, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array',
      });
      try {
        FileSaver.saveAs(
          new Blob([wbout], { type: 'application/octet-stream' }),
          `${tablename}.xlsx`,
        );
      } catch (e) {
        if (typeof console !== 'undefined') console.log(e, wbout);
      }
      return wbout;
    },
        getsideMenu2() {
      const req = {
        handle: '67A5B6FEF17D97DECF116BDF95B95C0B078C37EB4CBA2359',
        token: localStorage.getItem('token'),
        supid: '210000',
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        // console.log(ts.d);
        this.sideMenu = ts.d.data.operation1;
        //this.getzchzb();
      });
    },
    getsideMenu() {
      const req = {
        handle: '67A5B6FEF17D97DECF116BDF95B95C0B078C37EB4CBA2359',
        token: localStorage.getItem('token'),
        supid: '210000',
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        // console.log(ts.d);
        this.sideMenu = ts.d.data.operation1;
        this.getzchzb();
      });
    },
    getzchzb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB03A72EFFCE968B02',
        token: localStorage.getItem('token'),
        danwei2: this.zczjdanwei2,
        jiedao: this.zczjglorg,
        region: this.zczjregion,
        iscert: this.zczjcz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.zchzbData = ts.d.data.operation1;
      });
    },
    getcjhz() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB7136072A2700227E',
        token: localStorage.getItem('token'),
        year: this.cjhztime,
        jiedao: this.cjglorg,
        usenature: this.cjusenature,
        region: this.cjregion,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.cjhzData = ts.d.data.operation1;
      });
    },
    getzjhz() {
      console.log('镇级工业');
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBBC0BAC5836C285DE',
        token: localStorage.getItem('token'),
        year: this.zjhztime,
        jiedao: this.zjglorg,
        usenature: this.zjusenature,
        region: this.zjregion,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.zjhzData = ts.d.data.operation1;
      });
    },
    getwxhz() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBCAB37D66B4495A46',
        token: localStorage.getItem('token'),
        region: this.wregion,
        jiedao: this.wglorg,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.wxhzData = ts.d.data.operation1;
      });
    },
    getzcbb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB6C3EC156CA60B6FE',
        token: localStorage.getItem('token'),
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.zcbbData = ts.d.data.operation1;
      });
    },
    getxzqy() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB9D21F9847984760F',
        token: localStorage.getItem('token'),
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.xzqyData = ts.d.data.operation1;
      });
    },
    getcjzchzb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB4CE5F26D25163129',
        token: localStorage.getItem('token'),
        danwei2: this.zccjdanwei2,
        jiedao: this.zccjglorg,
        region: this.zccjregion,
        iscert: this.zccjcz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.cjzchzbData = ts.d.data.operation1;
      });
    },
    getfwzj() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB0390A4CAB01DFA60',
        token: localStorage.getItem('token'),
        danwei2: this.fwzjdanwei2,
        jiedao: this.fwzjglorg,
        region: this.fwzjregion,
        iscert: this.fwzjcz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.fwzjData = ts.d.data.operation1;
      });
    },
    getfwcj() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBB82E58686401E68D4',
        token: localStorage.getItem('token'),
        danwei2: this.fwcjdanwei2,
        jiedao: this.fwcjglorg,
        region: this.fwcjregion,
        iscert: this.fwcjcz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.fwcjData = ts.d.data.operation1;
      });
    },
    getyetj() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBD99303979C5D53F3',
        token: localStorage.getItem('token'),
        haddr: this.yhaddr,
        rentnum: this.yrentnum,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.yetjData = ts.d.data.operation1;
      });
    },
    getxzhzb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBCD9A30734DF3A00F',
        token: localStorage.getItem('token'),
        danwei2: this.xzdanwei2,
        jiedao: this.xzglorg,
        region: this.xzregion,
        iscert: this.xzcz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.xzData = ts.d.data.operation1;
      });
    },
    getzyhzb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBAEFFAB1FD817E5AC',
        token: localStorage.getItem('token'),
        danwei2: this.zydanwei2,
        jiedao: this.zyglorg,
        region: this.zyregion,
        iscert: this.zycz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.zyData = ts.d.data.operation1;
      });
    },
    getwcsyhzb() {
      const req = {
        handle:
          '897AEEB66312B81B7F3B707724B3CC82BED016A10D791EBBA9F69C474BD2EACE',
        token: localStorage.getItem('token'),
        danwei2: this.wcsydanwei2,
        jiedao: this.wcsyglorg,
        region: this.wcsyregion,
        iscert: this.wcsycz,
      };
      this.spost(this.ts, '/mainservlet', req).then((ts) => {
        this.wcsyData = ts.d.data.operation1;
      });
    },

    changetab(tab) {
      this.change = tab.hash.funcid;
      this.showTitle = tab.hash.funcname;
      if (this.change == '210100') {
        this.getzchzb();
      } else if (this.change == '210200') {
        this.getcjhz();
      } else if (this.change == '210300') {
        this.getzjhz();
      } else if (this.change == '210400') {
        this.getwxhz();
      } else if (this.change == '210500') {
        this.getzcbb();
      } else if (this.change == '210600') {
        this.getxzqy();
      } else if (this.change == '210700') {
        this.getyetj();
      } else if (this.change == '210800') {
        this.getcjzchzb();
      } else if (this.change == '210900') {
        this.getfwzj();
      } else if (this.change == '211000') {
        this.getfwcj();
      } else if (this.change == '211100') {
        this.getxzhzb();
      } else if (this.change == '211200') {
        this.getzyhzb();
      } else if (this.change == '211300') {
        this.getwcsyhzb();
      }
    },
  },
  components: {
    HHeader,
  },
};
</script>

<style lang="stylus" rel="stylesheet/stylus">
.el-table th.gutter {
  display: table-cell !important;
}

.el-table thead.is-group th {
  text-align: center;
}

.houseManage {
  width: 100%;

  .content {
    display: flex;
    width: 100%;
    min-height: 600px;

    .sidebar {
      flex: 0 0 200px;
      width: 200px;
      background: #F2F2F2;
      border-right: 1px solid #ccc;

      .main-title {
        flex: 1;
        width: 100%;
        height: 44px;
        line-height: 44px;
        border-bottom: 2px solid #fff;
        color: #13227A;
        font-size: 0;

        .iconfont {
          display: inline-block;
          margin-right: 15px;
          font-size: 20px;
          text-indent: 1em;
        }

        .text {
          display: inline-block;
          font-weight: 600;
        }
      }

      .menu {
        display: block;
        width: 100%;
        cursor: pointer;
        background: #f1f1f1;

        .title {
          height: 48px;
          line-height: 48px;
          border-bottom: 1px solid #ccc;
          padding-left: 10px;

          &.choosed {
            background: #fff;
          }
        }
      }
    }

    .main-content {
      flex: 1;
      min-height: 90vh;
      width: 100%;

      .search_h {
        height: 44px;
        line-height: 44px;
        padding-left: 20px;
        background: #f2f2f2;
        border-bottom: 2px solid #fff;

        p {
          float: left;
          font-size: 16px;

          a {
            color: #69f;
          }

          span {
            font-size: 14px;
            padding-left: 15px;
          }
        }
      }

      .search-add {
        float: right;
        margin: 8px 25px 15px 10px;
        cursor: pointer;
        float: right;
        margin-right: 10%;

        .add-btn {
          width: 80px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          background: #69f;

          span {
            font-size: 14px;
            color: #fff;
          }
        }
      }
    }
  }
}
</style>
